<!-- <script>
export default{
  setup(){
    console.log('setup');
    const msg = 'this is Vue3';
    const logMsg = () => {
      console.log(msg);
    }
    return{
      msg,
      logMsg
    }
  },
  beforeCreate(){
    console.log('beforeCreate');
  }
}
</script> -->

<script setup>
  const msg = 'this is Vue3';
  const logMsg = () => {
    console.log(msg);
  }
</script>

<template>
  <div>
    {{ msg }}
  </div>
  
  <button @click="logMsg">log</button>
</template>